草庐IT

CSS3 多媒体查询

全部标签

javascript - 强制 IE 到 'redraw' 一个带有 JavaScript 的元素来修复 CSS 错误?

我遇到了IE错误。CSScounter属性在IE9中不适用于在页面加载时隐藏的元素(例如选项卡)。csscounternotworkingininternetexplorerforhiddencontent-howtofix?正如我在上面发布的那样,我已经能够通过使用JavaScript设置一些内联CSS来解决这个问题。当它未隐藏时,我将padding-left设置为0(即使该元素已经没有左填充)。这会使IE“重绘”元素,然后正确应用CSS。但这不是理想的解决方案。如果设计更改为在元素上留有填充,那么我的JavaScript修复将破坏布局。我还可以使用什么其他方法让IE“重绘”元素?有

javascript - CSS Sprite 性能

我有一个500x640的静态图像,位于文件夹中,由20x20block和cssSprite组成,我正在设置背景位置来显示每block,我需要这样的显示以便以后能够对每block进行操作。CSS:.piece{width:20px;height:20px;display:inline-block;//display:inline;//zoom:1;}.ob{background-image:url("/Images/ob.jpg");}js:viewModel={flips:ko.observableArray([]),setClick:function(data,e){e.preven

javascript - 匹配没有查询字符串的 Url 路径

我想匹配Url中的路径,但忽略查询字符串。正则表达式应在查询字符串之前包含一个可选的尾部斜杠。应该提供有效匹配的示例url:/path/?a=123&b=123/path?a=123&b=123因此字符串'/path'应该匹配上述任一url。我尝试了以下正则表达式:(/path[^?]+).*但这只会匹配上面第一个例子中的url:/path/?a=123&b=123知道如何让它匹配第二个没有尾部斜杠的示例吗?正则表达式是必需的。 最佳答案 不需要正则表达式:url.split("?")[0];如果你真的需要它,那么试试这个:\/pa

javascript - CSS3 选择器 [*|type ="toc"]

我正在使用EPUB.JS,它使用以下代码从ePub文件中获取一些信息:varnavEl=navHtml.querySelector('nav[*|type="toc"]')这行代码在IE10中失败,因为querySelector返回null。我以前从未见过格式为[*|attr="val"]的属性选择器,但我认为他们想说的是,“选择所有具有任何属性或名为“type”且值为“toc”的属性的导航元素。”我找不到关于这种星形管道语法的任何信息,但我认为它是某种在Webkit/Mozilla中有效但在IE中无效的逻辑OR命令。将该行更改为:varnavEl=navHtml.querySelec

javascript - 检索 CSS 是否需要 'getPropertyValue' 方法?

如果我们只能使用getComputedStyle方法,您能告诉我为什么我们需要使用getPropertyValue方法吗?例如,据我所知,这会起作用:vars=getComputedStyle(element,null).opacity;相当于以下内容:vars=getComputedStyle(element,null).getPropertyValue('opacity');我们可以在没有getPropertyValue的情况下使用getComputedStyle吗? 最佳答案 根据老DOML2Style,getProperty

javascript - 为什么这不是在 JS 中使用 querySelectorAll 的有效 CSS 选择器?

这个问题在这里已经有了答案:IsthereareasonwhyCSSdoesn'tsupportidsandclasses,startingfromnumbers?(8个答案)CanXHTMLandHTMLclassattributesvaluestartwithanumber?(3个答案)关闭5年前。我正在尝试使用VanillaJS在我的DOM中找到所有具有2x类的img元素。我正在使用querySelectorAll方法,如下所示:document.querySelectorAll('img.2x');但是它在控制台日志中抛出这个错误:UncaughtDOMException:Fa

javascript - Angular 5 : ng build - -prod fails due to clean-css: Cannot read property 'line' of undefined

我的应用在Angular5.2.6下。ngserve一切正常,但是当运行ngbuild--prod时,它需要一段时间,然后才会失败。这些错误似乎与clean-css操作有关。错误跟踪:92%chunkassetoptimization/home/khalidvm/Desktop/Workspace/Front/frontend_v2/node_modules/clean-css/lib/reader/input-source-map-tracker.js:37if(originalPosition.line===null&&line>1&&selectorFallbacks>0){^T

javascript - XHR 流媒体通过设计关闭连接?

我正在阅读这篇文章:http://blog.pusher.com/what-came-before-websockets/,下面的文字引起了我的注意:XHRStreamingworkedinallbrowserstheresponseTextoftheXMLHttpRequestobjectwouldcontinuetogrowuntiltheconnectionwasclosedmeaningareconnectionhadtoeventuallybeforcedtoclearthisbuffer.如果我理解正确,这是否意味着只要缓冲区达到一定大小(顺便说一句,这里的实际大小是多少?

javascript - SQL 查询生成器 Javascript 用户界面

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭2年前。Improvethisquestion我正在寻找一种UI工具来帮助用户生成SQL查询。RedQueryBuilder具有一些我想要的功能,但源代码似乎无法以易于编辑的格式提供,并且缺少用于操作group或order的界面命令。在互联网上搜索并没有发现任何其他令人满意的候选人,所以我在这里问一下。

javascript - 如何使用 JavaScript 获取以度为单位的 CSS 变换旋转值

我正在使用代码foundatCSS-Tricks使用JavaScript获取当前旋转变换(在CSS中)。JavaScript函数:functiongetCurrentRotation(elid){varel=document.getElementById(elid);varst=window.getComputedStyle(el,null);vartr=st.getPropertyValue("-webkit-transform")||st.getPropertyValue("-moz-transform")||st.getPropertyValue("-ms-transform")